<script setup lang="ts">
import { useRouter } from "vue-router";
import api from "@/api"

definePage({
  meta:{
    title: "控制台"
  }
})

const router = useRouter()

const onDoApi = ()=>{
  api.Post("/",{}).then((res) => {
    console.log(res)
  })
}

</script>

<template>
  <div class="h-120px">
    <a-flex gap="10">
      <a-button type="primary" @click="router.push('/home')">切换主页Home</a-button>
      <a-button type="primary" @click="onDoApi">请求接口1</a-button>
    </a-flex>
    <w-icon icon="i-bx:home" color="red"  flip="1"></w-icon>
    <span class="i-bx:bxs-error"></span>
    <div class="w-full flex items-center justify-center gap-x-4 text-4xl p-2 mt-4">
      <div class="i-vscode-icons:file-type-light-pnpm" />
      <div class="i-vscode-icons:file-type-light-pnpm?mask text-red-300" />
    </div>
  </div>
</template>

<style scoped>

</style>